<!-- START BLOCK : BALANCE -->
<form method="post" action="{self}">
<input type="hidden" name="ida" value="{ida}">
<h4>Resumen de Cuentas y Transacciones {nombre_persona}</h4>
<table>
<tr>
  <th>&nbsp;</th>
<th>Desde</th><th>Hasta</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
</tr>
<tr>
  <td>{combotipobalance}</td>
<td><input type="text" size="10" name="fecha_desde" value="{fecha_desde}" style="text-align:center" maxlength="10"></td>
<td><input type="text" size="10" name="fecha_hasta" value="{fecha_hasta}" style="text-align:center" maxlength="10"></td>
<td><input type="submit" id="btn_actualizar"  value="Actualizar" class="fg-button ui-state-active ui-corner-all" /></td>
<td><a class="fg-button ui-state-default ui-corner-all" href="#" id="vaciar_fechas">Vaciar Fechas</a></td>
</tr>
</table>
</form>
<div>
Saldo actual: <strong>{balance}</strong>
</div>
<script type="text/javascript">
$(function() {
	$("input[name='fecha_desde']").datepicker();
	$("input[name='fecha_hasta']").datepicker();
	$("#vaciar_fechas").click(function() {
		$("input[name='fecha_desde']").val("");
		$("input[name='fecha_hasta']").val("");
	});
	$("#cmb_tipobalance").change(function() {
		if($(this).val()!="3") {
			$("input[name='fecha_desde']").attr("disabled","disabled");
			$("input[name='fecha_hasta']").attr("disabled","disabled");
		} else {
			$("input[name='fecha_desde']").removeAttr("disabled");
			$("input[name='fecha_hasta']").removeAttr("disabled");
		}
	});
	$("#cmb_tipobalance").trigger("change");
});
</script>
<!-- START BLOCK : BALANCETABLA -->
<fieldset>
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Cuentas Generadas por el Sistema</legend>
<table class="tablada" style="width:100%">
<thead>
<tr>
  <th style="width:80px">Fecha</th>
<th style="width:250px">Descripcion</th>
<th style="width:80px;">Por Pagar</th>
<th style="width:80px;">Por Cobrar</th>
</tr>
</thead>
<tbody>
<!-- START BLOCK : BALANCEITEM -->
<tr>
<td style="width:60px; text-align:center"><strong>{fecha_cuenta}</strong></td>
<td valign="middle"><small>{descripcion}</small></td>
<td style="text-align:right; color:green;">&nbsp;{ingreso}</td>
<td style="text-align:right; color:red;">&nbsp;{egreso}</td>
</tr>
<!-- END BLOCK : BALANCEITEM -->
</tbody>
<tfoot>
<!-- START BLOCK : BALANCETOTAL -->
<tr>
  <td colspan="2" style="width:60px; text-align:right; padding:10px;">Total&nbsp;</td>
  <td style="text-align:right; font-weight:bold;">{totalingreso}</td>
  <td style="text-align:right; font-weight:bold;">{totalegreso}</td>
  </tr>
  <tr class="total">
        <td colspan="3" style="text-align:right"><strong>Diferencia::</strong></td>
        <td style="text-align:right"><strong>{total}</strong></td>
        </tr>
<!-- START BLOCK : BALANCETOTAL -->
</tfoot>
</table>
</fieldset>
<!-- END BLOCK : BALANCETABLA -->
<!-- START BLOCK : LISTADOPAGOS -->
      <fieldset class="ui-widget">
        <legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Transacciones</legend>
        <table class="tablada" style="width:100%">
        <tr>
        <th>Fecha de Pago</th><th>Registrado</th>
        <th>Concepto / Descripci&oacute;n</th>
        <th>Ingresos</th>
        <th>Pagos</th>
        </tr>
        <!-- START BLOCK : PAGOITEM -->
        <tr>
        <td style="text-align:center">{fecha_transaccion}</td>
        <td style="text-align:left">[{stamp}]&nbsp;</td>
        <td>{descripcion}&nbsp;</td>
        <td style="text-align:right">{ingreso}</td>
        <td style="text-align:right">{egreso}</td>
        </tr>
        <!-- END BLOCK : PAGOITEM -->
        <!-- START BLOCK : PAGOTOTAL -->
        <tr class="total">
        <td colspan="3" style="text-align:right"><strong>Total:</strong></td>
        <td style="text-align:right"><strong>{total_ingreso}</strong></td>
        <td style="text-align:right"><strong>{total_egreso}</strong></td>
        </tr>        
        <!-- END BLOCK : PAGOTOTAL -->        
        </table>
        <!-- START BLOCK : SALDO -->
        <hr />        
        <p style="font-size:16px; font-weight:bold;">
        <strong>Saldo:</strong>&nbsp;{saldo}
        </p>
        <!-- END BLOCK : SALDO -->
</fieldset>
        <script type="text/javascript">
        $(function() {
            $(".eliminar").click(function() {
                return confirm("Desea eliminar este pago?");
            });
        });
        </script>
        <!-- END BLOCK : LISTADOPAGOS --> 
<!-- START BLOCK : SINRES -->
<div style="text-align:center; width:100%; font-size:14px;"><p>No se encontraron cuentas registradas.</p></div>
<!-- END BLOCK : SINRES -->
<!-- END BLOCK : BALANCE -->
<!-- START BLOCK : RESUMENT -->
<fieldset>
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Resumen de Transacciones</legend><table class="tablada">
<tr>
<th>Fecha</th><th>Monto Facturado</th>
<th>Entradas</th>
<th>Salidas</th>
</tr>
<!-- START BLOCK : RESUMENTITEM -->
<tr>
<td>{fecha_transaccion}</td>
<td style="text-align:right">{descripcion}</td>
<td style="text-align:right; padding:4px;">{ingreso}</td>
<td style="text-align:right; padding:4px;">{egreso}</td>
</tr>
<!-- END BLOCK : RESUMENTITEM -->
</table>
</fieldset>
<!-- END BLOCK : RESUMENT -->
<!-- START BLOCK : CLASESOTORGADAS -->
<h3>Clases Otorgadas en la fecha</h3>
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Clases otorgadas</legend>
<table class="tablada">
<tr>
  <th>Clase</th>
<th>Fecha</th><th>Comentarios</th><th>Horas
<th>Monto recaudado</th>
<th>Comisión (con % actual)</th>
</tr>
<!-- START BLOCK : COITEM -->
<tr>
  <td><a href="clases_ver.php?idc={id_clase}">{descripcion_clase}</a></td>
<td>{fecha_clase}</td><td>{comentarios}</td>
<td style="text-align:center">{totalhoras}</td><td style="text-align:right">{totalmonto}</td>
<td style="text-align:right">{comision}</td>
</tr>
<!-- START BLOCK : COITEM -->
<!-- START BLOCK : COTOTAL -->
<tr class="total">
<td style="text-align:right; padding-right:20px;" colspan="3"><strong>Total</strong></td>
<td style="text-align:center"><strong>{total_horas}</strong></td>
<td style="text-align:right"><strong>{total_monto}</strong></td>
<td style="text-align:right">&nbsp;</td>
</tr>
<!-- END BLOCK : COTOTAL -->
</table>
</fieldset>
<!-- END BLOCK : CLASESOTORGADAS -->	
<!-- START BLOCK : CLASESASISTIDAS -->
<h3>Clases Asistidas en la fecha</h3>
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Clases en las que asisti&oacute; como alumno</legend>
<table class="tablada">
<tr>
  <th>Profesor</th>
  <th>Clase</th>
<th>Fecha</th><th>Comentarios</th><th>Horas
<th>Monto recaudado</th>
</tr>
<!-- START BLOCK : CAITEM -->
<tr>
  <td>{nombre_profesor}</td>
  <td><a href="clases_ver.php?idc={id_clase}">{descripcion_clase}</a></td>
<td>{fecha_clase}</td><td>{comentarios}</td>
<td style="text-align:center">{totalhoras}</td><td style="text-align:right">{totalmonto}</td>
</tr>
<!-- START BLOCK : CAITEM -->
<!-- START BLOCK : CATOTAL -->
<tr class="total">
<td style="text-align:right; padding-right:20px;" colspan="4"><strong>Total</strong></td>
<td style="text-align:center"><strong>{total_horas}</strong></td>
<td style="text-align:right"><strong>{total_monto}</strong></td>
</tr>
<!-- END BLOCK : CATOTAL -->
</table>
</fieldset>
<!-- END BLOCK : CLASESASISTIDAS -->
<div style="width:100%; text-align:center">{grafico}</div>